<template>
  <div class="dashboard-container">
    <welheader class="welheader"></welheader>
    <!-- <wel-list class="welList"></wel-list> -->
    <div class="sencondrow">
      <welnotice class="welnotice"></welnotice>
      <welradar class="welradar"></welradar>
    </div>

    <div class="thirdrow">
      <saying class="saying"></saying>
      <promote class="promote"></promote>
      <version class="version"></version>
    </div>
  </div>
</template>
<script>
import welheader from "./components/welheader.vue";

import welnotice from "./components/welnotice.vue";
import welradar from "./components/welradar.vue";
import saying from "./components/saying.vue";
import promote from "./components/promote.vue";
import version from "./components/version.vue"
export default {
  components: {
    welheader,
    welnotice,
    welradar,
    saying,
    promote,
    version
  },
};
</script>

<style scoped>
.welList,
.welnotice,
.welradar,
.saying ,
.promote,
.version{
  margin-top: 1rem;
}
.sencondrow ,.thirdrow {
  display: flex;
  flex-direction: row;
}
.thirdrow .promote{
  flex: 1;
  z-index: 999;
}
.sencondrow .welnotice{
  flex: 3;
}
.sencondrow .welradar{
  flex: 2;
}
.welradar,.promote,.version {
  margin-left: 0.8125rem;
}
</style>
